<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" />

<!-- latest jQuery direct from google's CDN -->
<script type="text/javascript" src="script/jquery.min.js"></script>
<title>LFDH</title>

<script>
    $(document).ready(function() {
        $(".button").click(function () {
        $(".rightOfSubsIdentite").toggle();
        });
    });
</script>

</head>

<body>
	<div class="wrapper">
    	<div class="header">
            <div class="header_logo clear">
                <a class="logo" href="#"><img src="images/logo.png" alt="images" /></a>
                <div class="text_header clear">
                    <p>Lorem ipsum dolor sit amet, consectetur adipicising elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /> 
                    Ut enim ad minium veniam, quis nostrud excersition ullam labor is nisi ut aliquip ex ea commodo consequat.</p>
                </div><!-- end of .text_header-->
            </div><!-- end of .header_logo-->
            <div class="header_menu">
            	<ul class="menu">
                	<li><a href="ref_print.html">Re'ferences et releastic</a></li>
                    <li><a href="expertises.html">Expertise</a></li>
                    <li class="current-menu-item"><a href="identite.html">Identite et organisation</a></li>
                    <li><a href="lesprit.html">L'esprit LFDH</a></li>
                </ul> 
                           
            </div><!-- end of .header_menu-->
        </div><!-- end of .header -->
        <div class="mainContent">
        	<div class="identiteContent">
                <div class="empty_abowIdentiteContent">
                    
                </div><!-- end of .empty_abowExpertises-->
                <div class="textTitleIdentite">
                    ÊTRE <span class="textTitle">LÉGER</span>
                </div><!-- end of .textTitleExpertise-->
                <div class="textContentIdentite">
                    <p>Vous en avez assez des grosses agences, des grosses machines. Des claquettes pour vous séduire et des stagiaires pour vous servir? Des prix très hauts et d’un service client très bas ?</p>
                </div><!-- end of .textContentExpertise-->
                <div class="rightOfSubsIdentite background_none">
                    <div class="buttonAdd">
                        <a class="button"><img src="images/identite_img/button_add.png" alt="images"/>&nbsp;</a>                 
                    </div><!-- end of .buttonAdd-->
                    
                </div><!-- end of .rightOfAddExpertise-->
                
                <div style="display: none;" class="rightOfSubsIdentite">
                    <div class="buttonSub">
                        <a class="button"><img src="images/expertises_img/button_sub.png" alt="images"/></a>
                    </div><!-- end of .buttonSub-->
                    
                    <div class="textSub">
                        <h1>Identité<br />et organisation</h1>
                        <div class="info_subContent">
			                 <p>
                                Le fruit du hasard, c’est la garantie :
                             </p>
                             <p>
                                >d’une expertise de haut niveau
							    <br /> de conseil et de créativité, issue de plus de 10 années en agence au service de très grands comptes
                             </p> 
                            </p>  
						     <p>> de conserver comme interlocuteur lors des phases de réalisation de vos dispositifs le concepteur de votre stratégie et de vos outils.</p>
                             <p> > d’une organisation adaptée à votre problématique (et pas l’inverse...).</p>
					         <p> > de prix inférieurs au marché, grâce à un business modèle et à des process optimisés.</p>
						</div><!-- end of .info_addContentNo3-->
                    </div><!-- end of .textAdd-->
                </div><!-- end of .rightOfSubsExpertise-->
            </div><!-- end of .expertisesContent-->
        	
     </div><!-- end of .mainContent-->
		 <div class="footer">
            <div class="footer_line"></div>
            <div class="footer_info">
        		<div class="info">
            		<h2>Le Fruit de Hasard</h2>
                	<p>
                        12 rue Labour<br />
                        75015 Paris<br />
                        Tel:+33 (0)1 56 08 50 78<br />
                        Fax:+33 (0)1 56 08 50 78<br />
                        Contact:JEMERO BOURGEOISAT<br />
                        Mob:+33 (0)6 80 98 68 10<br />
                    </p>
                    <p><a href="#"><img src="images/footer_img/icon_footer.png" alt="images" /></a>
                    <span>Jerome Bourgeoiat _jeebourgeoiat</span></p>
            	</div><!-- end of .info-->
            	<div class="info">
                    <p><img src="images/footer_img/logo_title.png" alt="images"/></p>
                    <p>Inscrivez-vous<br />
                        /desinscrivez-vous<br />
                        a la newslette
                    </p>
                    <p><a href="#"><img src="images/footer_img/logo_fb.png" alt="images" /></a>
                    <span>j'aime</span></p>
                </div><!-- end of .info-->
                <div class="info">
                	<p>Le Fruit de Hasard est membre
                     du Grand Bureau,<br />
                     plateforme cooperative d'experts<br />
                     de la communication<br />
                     www.legrandbureau.com 
                    </p>
                </div><!-- end of .info-->
             </div><!-- end of .footer_info-->
            <div class="footer_copyright">
                <p>&copy;2012_Plan do site_Mention Legate</p>
            </div><!-- end of .footer_copyright-->
        </div><!-- end of .footer-->
    </div><!-- end of .wrapper-->
   
</body>
</html>
